<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html中的div和span</title>
</head>
<body>
    <!-- 
        1、div和span是什么，有什么用？
        div和span都可以称为“图层”
        图层的作用是为了保证页面能够灵活的布局
        2、最早的网页是采用table进行布局的，但是table不灵活，太死板
        现代网页开发中div布局使用最多，几乎很少使用table进行布局了
        3、div和span的区别：
        div独占一行(默认情况)
        span不会独占一行

        即一个是块级元素 一个是内联元素 Inline and block level element
     -->
    <div id="div1">我是一个DIV</div>
    <div id="div2">我是一个DIV</div>

    <span id="span1">我是一个span标签</span>

</body>
</html>